// 动态加载路线模态框
function loadRouteModal() {
    console.log('尝试加载路线模态框');
    fetch('route-modal.html')
        .then(response => {
            if (!response.ok) {
                throw new Error('网络响应错误: ' + response.status);
            }
            return response.text();
        })
        .then(html => {
            // 创建一个临时容器来加载HTML
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = html;

            // 提取查看模态框元素
            const viewRouteModal = tempDiv.querySelector('#view-route-modal');
            if (viewRouteModal) {
                // 将模态框添加到document.body
                document.body.appendChild(viewRouteModal);
                console.log('查看路线模态框加载成功');
            } else {
                console.error('未能找到查看路线模态框元素');
            }

            // 提取编辑模态框元素
            const editRouteModal = tempDiv.querySelector('#edit-routes-modal');
            if (editRouteModal) {
                // 将模态框添加到document.body
                document.body.appendChild(editRouteModal);
                console.log('编辑路线模态框加载成功');
            } else {
                console.error('未能找到编辑路线模态框元素');
            }
        })
        .catch(error => {
            console.error('加载路线模态框失败:', error);
        });
}

// 在DOM加载完成后加载模态框
document.addEventListener('DOMContentLoaded', loadRouteModal);